<template>
 <div class="banner">
   <img src="../../assets/images/banner.png" width="100%"/>
 </div>
  <ul class="selectWap">
    <li class="st_select border-bottom">
      <div class="pic">
        <img src="../../assets/images/student.png"/>
      </div>
      <div class="person">
        <p>学生</p>
        <span>我是学生</span>
      </div>
      <div class="goto">
        <img src="../../assets/images/row_right.png"/>
      </div>
    </li>
    <li class="fa_select">
      <div class="pic">
        <img src="../../assets/images/family.png"/>
      </div>
      <div class="person">
        <p>家属</p>
        <span>我是家属</span>
      </div>
      <div class="goto">
        <img src="../../assets/images/row_right.png"/>
      </div>
    </li>
  </ul>
</template>

<script>
  export default {
    name:'home'
  }
</script>

<style scoped>
.selectWap{
  background-color: #fff;
}
  .selectWap li{
    text-align: left;
    padding: .14rem .16rem;
    overflow: hidden;
  }
  .selectWap li .pic{
    float: left;
    border-radius: 50%;
  }
  .pic img{
    width:3rem;
    height: 3rem;
  }
  .person{
    float: left;
    padding-left: 1rem;
  }
  .person p{
    color: #2b2b2b;
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: .5rem;
  }
  .person span{
    color: #808080;
    font-size: .8rem;
  }
  .selectWap li .goto{
    float: right;
    margin-right: 1rem;
    margin-top: 1rem;
  }
</style>
